﻿/*商品列表*/
.commodityList {border:0px solid #dcdcdc;}
.commodityList a{color: #333;}
.commodityList > li{margin-bottom: 10px;}
.commodityList > li:last-child {margin-bottom: 0 !important;}
.commodityList .list_row {font-size: 0;}
.commodityList .list_row li {display: inline-block;font-size: 14px;width: 24.25%;vertical-align: top;margin-left: 1%;padding: 15px;border:0px solid #dcdcdc;}
.commodityList .commodityWrap{display: block;}
.commodityList .list_row li:first-child {margin-left: 0 !important;}
.commodityList .modityImg{overflow: hidden;}
.commodityList .modityImg img{width: 100%;height: auto;
	-webkit-transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	transition: transform 0.5s;
}
.wqdcommodityList[anima=scale] .commodityList .modityImg img:hover{
	transform:scale(1.3); 
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
}
.wqdcommodityList[anima=rotate] .commodityList .modityImg img:hover{
	transform:rotateY(-30deg); 
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	-o-transform: rotateY(-30deg);
	-ms-transform: rotateY(-30deg);
	transform-origin: center center;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}
.commodityList .moditDescribe{line-height: 1.5;height: 3em;overflow: hidden;margin-top: 18px;}
.commodityList .modityMark{margin-top: 12px;}
.commodityList .priceMark{float: left;min-width: 1px;min-height: 1px;}
.commodityList .nowPrice{color: #f10180;}
.commodityList .nowPrice span{font-size: 18px;margin-left: 3px;}
.commodityList .originalPrice{color: #bbb;text-decoration: line-through;}
.commodityList .originalPrice span{margin-left: 3px;}
.commodityList .countMark{display: table-cell;width: 10000px; text-align: right;color: #666;font-size: 12px;}
.commodityList .admireMark, .commodityList .salesMark{margin-top: 4px;}
.commodityList .admireMark .admireSvg{width: 18px;height: 18px;display: inline-block;vertical-align: top;}
.commodityList .salesMark span{color: #0079bb;}
.commodityList .nomodityHint{line-height: 120px;font-size: 20px;text-align: center;}
/*商品分类样式*/
.wqdcommodityCategory .wqdelementEditBox{overflow: visible;}
.modityCategory{font-size: 0;background-color: #f10180;}
.modityCategory a {color: #fff;border:0px solid #dcdcdc;}
.modityCategory .categoryAll, .modityCategory .categoryFirst{display: inline-block;vertical-align: top;}
.categoryAll a,
.categoryFirst > li > a{display: inline-block;background-color: #f10180;padding: 12px 25px;}
.categoryAll a{font-size: 16px;}
.categoryFirst{font-size: 0;}
.categoryFirst > li{display: inline-block;position: relative;font-size: 16px;vertical-align: top;}
.categorySecond{position: absolute;display: none; min-width: 100%;left: 0;top: 100%;z-index: 2;}
.categorySecond > li{position: relative;}
.categorySecond > li > a {display: block; background-color: #c80d6e;text-align: center;padding: 8px 12px;white-space: nowrap;}
.categoryThird{position: absolute;display: none;left: 100%;top: 0;min-width: 100%;z-index: 3;border: 1px solid #e5e5e5;}

.categoryThird li a{display:block; color: #666;background-color: #fff;padding: 8px 20px;width: auto;white-space: nowrap; }
.wqdcommodityList .loadMore{display: none;}
/*商品列表分页 默认版式*/
.pagingWrap{font-size: 0;text-align: center;padding: 25px 8px 0;}
.pagingWrap *{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
.pagingWrap .pagingSize{font-size: 14px;text-align: center;color: #666;}
.pagingWrap .pagingBtn,
.pagingWrap .pagingList{display: inline-block;vertical-align: middle;}
.pagingWrap .pagingBtn{padding:0 10px;border-radius: 15px;margin-left: 10px;background-color: #ebebeb;height: 2em;line-height: 2em;}
.pagingWrap .pagingBtn .pageSvg{display: none;}
.pagingWrap .firstPage{margin-left: 0;}
.pagingWrap .pagingList{margin-left: 10px;}
.pagingWrap .pagingList li{border-radius: 50%;display: inline-block;margin-left: 5px;background-color: #ebebeb;width: 2em;height: 2em;text-align: center;line-height: 2em;vertical-align: top;cursor: pointer;}
.pagingWrap .pagingList li:first-child{margin-left: 0;}
.pagingWrap .pagingList li.ellipsis{line-height: 1.4;}
.pagingWrap .pagingList li.active{border-color:transparent!important;}
.pagingWrap .hoverBtn {border:0px solid #dcdcdc;}
.pagingWrap .hoverBtn:hover {border-color: transparent!important;}
/*版式2*/
/*.pagingWrap[pagingtype=pagingtype1] *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}*/
.pagingWrap[pagingtype=pagingtype1] .pagingSize{margin-left: 0;overflow:hidden;}
.pagingWrap[pagingtype=pagingtype1] .hoverBtn {border-radius: 0;margin-left: 0;height: 2.5em;line-height: 2.5em;}
.pagingWrap[pagingtype=pagingtype1] .prevPage,
.pagingWrap[pagingtype=pagingtype1] .nextPage,
.pagingWrap[pagingtype=pagingtype1] .pagingList li{border-left: none!important;border-right: none!important;}
.pagingWrap[pagingtype=pagingtype1] .pagingBtn {text-indent: -999px;position: relative;}
.pagingWrap[pagingtype=pagingtype1] .pagingBtn .pageSvg{display: inline-block;position: absolute;left: 12px;}
.pagingWrap[pagingtype=pagingtype1] .firstPage .pageSvg,
.pagingWrap[pagingtype=pagingtype1] .lastPage .pageSvg {width: 11px;}
.pagingWrap[pagingtype=pagingtype1] .prevPage .pageSvg,
.pagingWrap[pagingtype=pagingtype1] .nextPage .pageSvg {width: 6px;}
.pagingWrap[pagingtype=pagingtype1] .firstPage{border-radius: 4px 0 0 4px;min-width: 10px;border-right: none!important;}
.pagingWrap[pagingtype=pagingtype1] .lastPage{border-radius: 0 4px 4px 0;min-width: 10px;border-left: none!important;}
.pagingWrap[pagingtype=pagingtype1] .prevPage,
.pagingWrap[pagingtype=pagingtype1] .nextPage{min-width: 10px;}

/*商品详情*/
.modityDetails label{font-weight: 400;}
.modCarousel .carouselPrev,
.modCarousel .carouselNext{display:none;position: absolute;width: 30px;z-index: 1;height: 60px;}
.modCarousel .indicator{display: none;}
.modBannerimg{overflow: hidden;}
.modBannerimg img {width: 100%;height: auto;}
.modBannercheck {font-size: 0;margin-top: 20px;}
.modBannercheck li{display: inline-block;width: 20%;margin-left: 4%;overflow: hidden;border:1px solid #fff;cursor: pointer;}
.modBannercheck li img{width: 100%;height: auto;}

.modDetlTitle h1{font-size: 24px;line-height: 1.5;color: #333;}
.modDetlnowPrice .modnowPrice label,
.modDetlSales .modSales label,
.modDetloriglPrice .modoriglPrice label{color: #333;font-size: 14px;vertical-align: bottom;margin: 0 6px 0 0;}
.modDetlnowPrice .modnowPrice span{font-size: 24px;color: #ff5400;line-height: 1;}
.modDetlnowPrice .modnowPrice span span{margin-left: 3px;}
.modDetloriglPrice .modoriglPrice span{color: #999;font-size: 14px;text-decoration: line-through;line-height: 1;}
.modDetlSales .modSales span{color: #999;font-size: 14px;color: #2683de;line-height: 1;}
.modDetlAdmire .modAdmire svg {height: 20px;width: 23px;vertical-align: middle;cursor: pointer;}
.modDetlAdmire .modAdmire span{vertical-align: middle;font-size: 14px;color: #666;vertical-align: middle;line-height: 1;}

.modDetlInventory,
.modDetlShare .modShareText{color: #999; font-size: 14px;}
.modDetlInventory span{margin:0 5px 0 15px;color: #ff5400;vertical-align: middle;}
.modDetlInventory label{margin:0;}
.modDetlShare{font-size: 0;}
.modDetlShare .modShareText,
.modDetlShare .modShareIcon{display: inline-block;vertical-align: middle;}
.modDetlShare .modShareIcon{margin-left: 18px;}
.modDetlShare .modShareIcon li {display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding: 0;margin-left: 8px;cursor: pointer;}
.modDetlShare .modShareIcon li:first-child{margin-left: 0;}

.modSizeList > li{margin-top: 18px;}
.modSizeList > li:first-child{margin-top: 0;}
.modSizeName {float: left;margin-right: 8px;margin-top: 5px;}
.modSizeItem{display: table-cell;width: 10000px;font-size: 0;}
.modSizeItem li{display: inline-block;font-size: 12px;padding: 6px 12px;border:1px solid #ccc;margin:0 0 10px 8px;cursor: pointer;}
.modSizeItem li.modStockout{border-style: dashed !important;border-color: #ccc !important;}
.modDetlContent img{max-width: 100% !important;height: auto !important;}
.wqdelementEdit.modityDetails, .wqdelementEdit.modityDetails .wqdelementEditBox,
.wqdelementEdit.modityDetails .modDetlContent, .wqdelementEdit.modityDetails .dragMar { position: relative;}
.wqdelementEdit.modityDetails {height: auto !important;}
.modDetlContent .wqdelementEditBox{border:1px solid #dcdcdc;padding: 20px 30px;}
.modDetlContent .wqdelementEditBox dl{padding: 0 40px;}

.modDetlCount .countWrap label{display: inline-block;margin:0;vertical-align: middle;margin-right: 16px;}
.modDetlCount .modityControl{display: inline-block;border: 1px solid #ccc;background-color: #dcdcdc;}
.modDetlCount .controlBtn {display: inline-block;vertical-align: top;line-height: 32px;width: 30px;text-align: center;cursor: pointer;}
.modDetlCount .reduce{font-size: 12px;}
.modDetlCount .increase{font-size: 20px;}
.modDetlCount .modityControl input{width: 52px;height: 32px;border: 1px solid;border-color:inherit; border-top: none;border-bottom: none;text-align: center;}
.modityDetails .warningText{color: #ff0000;}
.modityDetails .purchaseBtn,
.modityDetails .shoppingCartBtn{width: 100%;height: 100%;display: block;text-align: center;border: 1px solid #ea000b;border-radius: 4px;color: #ea000b;font-size: 15px;}
.modityDetails .purchaseBtn{background-color: #fff;}
.modityDetails .shoppingCartBtn{background-color: #ea000b;color: #fff;border: 0px solid #ea000b;}
.modityDetails .purchaseBtn > span,
.modityDetails .shoppingCartBtn > span{display: block;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.modityDetails .shoppingCartBtn .butText svg{width: 15px;display: inline-block;margin-right: 6px;vertical-align: middle;}
.modityDetails .shoppingCartBtn .butText svg *{fill:#fff;}
.modityDetails .shoppingCartBtn .butText span{display: inline-block;vertical-align: middle;}
.modityDetails .hideElement{display: none !important;}

